<!DOCTYPE html>
<html>
<head>
    <meta content="IE=11.0000" http-equiv="X-Ua-Compatible">
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
    <meta http-equiv="X-Ua-Compatible" content="IE=edge,chrome=1">
    <title>工作台</title>
    <!--region 引入公用js和css -->
    <link href="../assets/plugins/animate/animate.css" rel="stylesheet">
    <link href="../assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/fullcalendar/fullcalendar.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/base/css/components.css" rel="stylesheet" id="style_components" type="text/css"/>
    <link href="../assets/base/css/plugins.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/ditop/layout.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/bootstrap-table/bootstrap-table.css" rel="stylesheet">
    <link href="../assets/plugins/bootstrap-table/extensions/tree-column/bootstrap-table-tree-column.css" rel="stylesheet">
    <link href="../assets/plugins/bootstrap-toastr/toastr.css" rel="stylesheet">
    <link rel="stylesheet" href="../assets/plugins/sweetalert/sweetalert.css">
    <link rel="stylesheet" href="../assets/plugins/layer/theme/default/layer.css">
    <link href="../assets/plugins/select2/css/select2.min.css" rel="stylesheet">
    <link href="../assets/plugins/icheck/skins/flat/aero.css" rel="stylesheet">
    <link href="../assets/ditop/ditop.css" rel="stylesheet">
    <link href="../assets/ditop/style/ztree/style9/treestyle.css" rel="stylesheet">
    <link href="../assets/plugins/bootstrap-touchspin/bootstrap.touchspin.css" rel="stylesheet">
    <link href="../assets/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet" type="text/css"/>
    <script src="../assets/plugins/jquery/jquery.min.js"></script>
    <script src="../assets/plugins/bootstrap/js/bootstrap.min.js"></script>
    <script src="../assets/plugins/bootstrap-toastr/toastr.js"></script>
    <script src="../assets/plugins/art-template/template.js"></script>
    <script src="../assets/plugins/layer/layer.js"></script>
    <script src="../assets/ditop/ditop.js"></script>
    <!--endregion-->

    <link href="../assets/module/gcjsy/css/public.css" rel="stylesheet"> <!-- CSS Customization -->

    <link href="file/newIndex.css" rel="stylesheet">
</head>

<body>
<div class="project-wrapper clearfix">
  <div class="main-menu pull-left" >
    <div class="logo">
      <a href="#"><img src="../assets/images/logo/logo.png" alt=""></a>
    </div>
    <ul class="control-list">
      <li>
        <a href="#">
          <span class="dtFont dtFont-index"></span>
          <p>首页</p>
        </a>
      </li>
      <li class="active">
        <a href="#">
          <span class="dtFont dtFont-gongzuotai"></span>
          <p>工作台</p>
        </a>
      </li>
      <li>
        <a href="#">
          <span class="dtFont dtFont-tongji"></span>
          <p>统计</p>
        </a>
      </li>
      <li>
        <a href="#">
          <span class="dtFont dtFont-dangan"></span>
          <p>档案</p>
        </a>
      </li>
    </ul>

    <div class="user-info2">
      <ul class="user-function">
        <li>
          <a href="#">
            <span class="dtFont dtFont-tixing"></span>
            <i>26</i>
            <small>消息</small>
          </a>
        </li>
        <li>
          <a href="#">
            <span class="dtFont dtFont-shezhi-copy"></span>
            <small>设置</small>
          </a>
        </li>
      </ul>
      <div class="user-portrait">
        <div class="portrait"><img src="../assets/images/tou.png" alt=""></div>
        <p class="nowrap">Adain</p>
      </div>

    </div>

  </div>
  <div class="main-content pull-right">
    <div class="main-content-head clearfix">
      <h2 class="head-title pull-left">项目管理服务平台</h2>
      <div class="head-section pull-right">
        <p class="header-text">合肥融创壹号院二期1#~5#楼-设计-1标段</p>
      </div>
    </div>
    <div class="main-content-body no-padding">

      <div class="main-content-scroll clearfix no-padding">

          <div class="my-index clearfix">

              <div class="flex-s myIndexHead">
                  <div class="user-info-wrapper">
                      <div class="user-avatar">
                          <img src="./file/avatar.png" alt="">
                      </div>
                      <div class="user-des">
                          <p class="margin-bottom-10">2021年6月25日 星期五</p>
                          <p class="tishBlack">吴永超，欢迎您回到系统，与您相伴的 1366 个日夜，小南深感荣幸</p>
                      </div>
                  </div>

                  <div class="user-message">
                      <div class="user-message-item">
                          <span>预警</span>
                          <b class="red">16</b>
                      </div>
                      <div class="user-message-item">
                          <span>通知</span>
                          <b class="">16</b>
                      </div>
                  </div>
              </div>

              <div class="padding-lr-16">

                  <div class="flex-s margin-bottom-10">
                      <div class="bannerOte">
                          <h2 class="newIndexTitle flex-h">
                              <span>消防审验业务指引</span>
                              <!--<a class="more" href="">查看更多</a>-->
                              <small class="tagVersion margin-left-10"></small>
                          </h2>

                          <div class="tab_Switch">
                              <ul class="tab_Btn">
                                  <li class="active">
                                      <img src="file/indexIcon1.png" alt="">
                                      <span>我是施工单位人员</span>
                                  </li>
                                  <li>
                                      <img src="file/indexIcon2.png" alt="">
                                      <span>我是监理单位人员</span>
                                  </li>
                                  <li>
                                      <img src="file/indexIcon3.png" alt="">
                                      <span>我是设计单位人员</span>
                                  </li>
                                  <li>
                                      <img src="file/indexIcon4.png" alt="">
                                      <span>我是建设单位人员</span>
                                  </li>
                                  <li>
                                      <img src="file/indexIcon5.png" alt="">
                                      <span>我是审查专家</span>
                                  </li>
                              </ul>
                              <div class="tab_Box">
                                  <section class="active">
                                      <div class="line">
                                          <p class="bold tishBlack margin-bottom-5">施工过程查验确认</p>
                                          <p>在施工过程中，施工单位查验人员需要对消防隐蔽工程、设施物材进行自查</p>
                                      </div>
                                      <p class="margin-bottom-15"><span class="bold tishBlack">第1步:</span>进入项目端，点击右侧“常用功能-施工工程查验”，进入施工过程查验页面，在页面找到要进行查验的工程项目。点击右侧的“查验”，<a class="blue underline" href="javascript:">去查验</a></p>
                                      <p class="margin-bottom-15"><span class="bold tishBlack">第2步:</span>添加要查验的内容、工序节点，上传照片或视频，点击提交。</p>
                                      <p class="margin-bottom-15"><span class="bold tishBlack">第3步:</span>提交后先由监理单位对查验结果进行确认，不合格的需要修改并重新上传，合格的提交至建设单位确认。</p>
                                      <p class="margin-bottom-15"><span class="bold tishBlack">第4步:</span>建设单位确认不合格的，继续修改并提交至监理单位确认。确认合格的，系统进行保存,留待竣工验收时使用。</p>
                                  </section>

                                  <section>
                                      <div class="line">
                                          <p class="bold tishBlack margin-bottom-5">施工过程查验确认</p>
                                          <p>施工单位完成消防隐蔽工程、消防物材进场等工作时，监理单位、建设单位查验人员需要对施工单位的消防工程施工进行现场监理与确认。</p>
                                      </div>
                                      <p class="margin-bottom-15"><span class="bold tishBlack">第1步:</span>监理单位人员先进入南昌市智慧消防审验系统“项目端，点击右侧“常用功能-施工过程查验确认”，进入施工过程查验页面，在页面找到要确认的工程项目。点击右侧的“确认”。<a class="blue underline" href="javascript:">去确认</a></p>
                                      <p class="margin-bottom-15"><span class="bold tishBlack">第2步:</span>逐项确认查验的内容、工序节点，上传照片的视频是否与当时查验的内容相符，并给出”合格“/”不合格的结果。“点击提交。</p>
                                      <p class="margin-bottom-15"><span class="bold tishBlack">第3步:</span>不合格的需要返回施工单位进行修改并重新上传，合格的则提交至建设单位确认</p>
                                  </section>

                                  <section>
                                      <div class="line">
                                          <p class="bold tishBlack margin-bottom-5">消防设计审查进度查询</p>
                                      </div>
                                      <p class="margin-bottom-15"><span class="bold tishBlack">第1步:</span>建设单位完成施工图设计文件审查后，会登录南昌智慧消防审验系统-<a class="blue underline" href="javascript:">建设单位端</a>将消防设计专篇报送主管部门进行消防设计审查</p>
                                      <p class="margin-bottom-15"><span class="bold tishBlack">第2步:</span>若审查不合格，设计单位会与建设单位同步收到《消防设计审查不合格意见书》，意见书中会详细列明审查意见</p>
                                      <p class="margin-bottom-15"><span class="bold tishBlack">第3步:</span>设计单位人员可进入南昌市智慧消防审验系统“项目端，点击右侧“常用功能-消防设计审查”，进入消防设计审查进度页面，查询项目的消防设计审查进度和意见。<a class="blue underline" href="javascript:">去查看</a></p>
                                      <p class="margin-bottom-15"><span class="bold tishBlack">第4步:</span>查看意见书，了解审查意见后，对于需要修改的部分，设计单位可以在<a class="blue underline" href="javascript:">江西住建云数字化审图系统</a>中进行设计变更，修改图纸。</p>
                                  </section>

                                  <section>
                                      <div class="line">
                                          <p class="bold tishBlack margin-bottom-5">施工过程查验确认</p>
                                      </div>
                                      <p class="margin-bottom-15"><span class="bold tishBlack">第1步:</span>建设单位查验人员先进入南昌市智慧消防审验系统“项目端，点击右侧“常用功能-施工过程查验确认”，进入施工过程查验页面，在页面找到要确认的工程项目。点击右侧的“确认”。<a class="blue underline" href="javascript:">去确认</a></p>
                                      <p class="margin-bottom-15"><span class="bold tishBlack">第2步:</span>逐项确认查验的内容、工序节点，上传照片的视频是否与当时查验的内容相符，并给出”合格“/”不合格的结果。“点击提交。</p>
                                      <p class="margin-bottom-15"><span class="bold tishBlack">第3步:</span>不合格的需要返回施工单位进行修改并重新上传，合格的则进行归档，留待后续消防验收业务时使用。</p>
                                  </section>

                                  <section>
                                      <div class="line">
                                          <p class="bold tishBlack margin-bottom-5">消防设计审查</p>
                                      </div>
                                      <p class="margin-bottom-15">第1步:审查专家消防设计审查任务后,登录南昌市智慧消防审验系统“<a class="blue underline" href="javascript:">项目端</a>。点击右侧“常用功能-消防设计审查”，进入审查项目列表，点击右侧的”审查“，进入图纸审查页面</p>
                                      <p class="margin-bottom-15">第2步:在打开的图纸审查页面中，可对图纸进行标注、放大、测距等，全部审查完成后，提交审查结果和意见。若您是审查组长，还需要对专家组的意见进行汇总</p>
                                      <p class="margin-bottom-15">第3步:审查完成后，可在”消防设计审查-已审查“或”消防设计审查-进度查询“中查看审查进度</p>
                                  </section>
                              </div>
                          </div>

                      </div>

                      <div class="commonProblem">
                          <h2 class="newIndexTitle flex-s">
                              <span>常用功能</span>
                          </h2>

                          <ul class="commonProblemList">
                              <li class="commonProblemItem">
                                  <a class="center" href="###" target="_blank">
                                      <img src="file/icon1.png" alt="">
                                      <span>消防设计审查</span>
                                  </a>
                              </li>
                              <li class="commonProblemItem">
                                  <a class="center" href="###" target="_blank">
                                      <img src="file/icon2.png" alt="">
                                      <span>施工过程查验</span>
                                  </a>
                              </li>
                              <li class="commonProblemItem">
                                  <a class="center" href="###" target="_blank">
                                      <img src="file/icon3.png" alt="">
                                      <span>竣工消防查验</span>
                                  </a>
                              </li>
                              <li class="commonProblemItem">
                                  <a class="center" href="###" target="_blank">
                                      <img src="file/icon4.png" alt="">
                                      <span>现场查验</span>
                                  </a>
                              </li>
                              <li class="commonProblemItem">
                                  <a class="center" href="###" target="_blank">
                                      <img src="file/icon5.png" alt="">
                                      <span>项目人员管理</span>
                                  </a>
                              </li>
                              <li class="commonProblemItem">
                                  <a class="center" href="###" target="_blank">
                                      <img src="file/icon6.png" alt="">
                                      <span>下载意见书/备案表</span>
                                  </a>
                              </li>

                          </ul>
                      </div>
                  </div>

                  <div class="banList-wrapper">
                      <h2 class="newIndexTitle flex-s">
                          <span>办件提醒</span>
                          <div class="tab-box">
                              <section class="tab-item active">全部(<span id="total">8</span>)</section>
                              <section class="tab-item">消防设计审查(<span id="total1">2</span>)</section>
                              <section class="tab-item">施工过程查验(<span id="total2">3</span>)</section>
                              <section class="tab-item">消防验收(<span id="total3">3</span>)</section>
                              <section class="tab-item">消防备案(<span id="total4">3</span>)</section>
                          </div>
                      </h2>

                      <!--用插件 bottostrp table-->

                      <table class="table table-bordered main-table">
                          <thead>
                          <tr>
                              <th class="text-center">序号</th>
                              <th>业务事项</th>
                              <th>办件进度</th>
                              <th>工程名称</th>
                              <th>建设单位</th>
                              <th>申请时间</th>
                              <th>承诺办结日期</th>
                              <th>操作</th>
                          </tr>
                          </thead>
                          <tbody>
                          <tr>
                              <td class="text-center">1</td>
                              <td>消防验收</td>
                              <td><i class="tagCircular tagCircular1">待受理</i></td>
                              <td>创新产业园一期1#、2#、3#、4#</td>
                              <td>安徽德拓建设单位</td>
                              <td>2022-10-22 12:22:22</td>
                              <td>2022-11-15</td>
                              <td>
                                  <a class="blue" href="#">去处理</a>
                              </td>
                          </tr>
                          <tr>
                              <td class="text-center">2</td>
                              <td>消防验收</td>
                              <td><i class="tagCircular tagCircular2">待指派任务</i></td>
                              <td>创新产业园一期1#、2#、3#、4#</td>
                              <td>安徽德拓建设单位</td>
                              <td>2022-10-22 12:22:22</td>
                              <td>2022-11-15</td>
                              <td>
                                  <a class="blue" href="#">去处理</a>
                              </td>
                          </tr>
                          <tr>
                              <td class="text-center">3</td>
                              <td>消防验收</td>
                              <td><i class="tagCircular tagCircular3">待分配专家</i></td>
                              <td>创新产业园一期1#、2#、3#、4#</td>
                              <td>安徽德拓建设单位</td>
                              <td>2022-10-22 12:22:22</td>
                              <td>2022-11-15</td>
                              <td>
                                  <a class="blue" href="#">去处理</a>
                              </td>
                          </tr>
                          <tr>
                              <td class="text-center">4</td>
                              <td>消防验收</td>
                              <td><i class="tagCircular tagCircular4">待组长确认</i></td>
                              <td>创新产业园一期1#、2#、3#、4#</td>
                              <td>安徽德拓建设单位</td>
                              <td>2022-10-22 12:22:22</td>
                              <td>2022-11-15</td>
                              <td>
                                  <a class="blue" href="#">去处理</a>
                              </td>
                          </tr>
                          <tr>
                              <td class="text-center">5</td>
                              <td>消防验收</td>
                              <td><i class="tagCircular tagCircular4">待组长确认</i></td>
                              <td>创新产业园一期1#、2#、3#、4#</td>
                              <td>安徽德拓建设单位</td>
                              <td>2022-10-22 12:22:22</td>
                              <td>2022-11-15</td>
                              <td>
                                  <a class="blue" href="#">去处理</a>
                              </td>
                          </tr>
                          <tr>
                              <td class="text-center">6</td>
                              <td>消防验收</td>
                              <td><i class="tagCircular tagCircular4">待组长确认</i></td>
                              <td>创新产业园一期1#、2#、3#、4#</td>
                              <td>安徽德拓建设单位</td>
                              <td>2022-10-22 12:22:22</td>
                              <td>2022-11-15</td>
                              <td>
                                  <a class="blue" href="#">去处理</a>
                              </td>
                          </tr>
                          </tbody>
                      </table>

                  </div>

              </div>

          </div>

      </div>

    </div>
  </div>
</div>


<!--region 引入公用js和css -->
<script src="../assets/plugins/sweetalert/sweetalert.min.js"></script>
<script src="../assets/plugins/jquery.blockui.min.js"></script>
<script src="../assets/plugins/js.cookie.min.js"></script>
<script src="../assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<script src="../assets/plugins/jquery.blockui.min.js"></script>
<script src="../assets/plugins/bootstrap-switch/js/bootstrap-switch.min.js"></script>
<script src="../assets/plugins/bootstrap-touchspin/bootstrap.touchspin.js"></script>
<script src="../assets/plugins/moment.min.js"></script>
<script src="../assets/plugins/bootstrap-daterangepicker/daterangepicker.min.js"></script>
<script src="../assets/plugins/counterup/jquery.waypoints.min.js"></script>
<script src="../assets/plugins/counterup/jquery.counterup.min.js"></script>
<script src="../assets/plugins/fullcalendar/fullcalendar.js"></script>
<script src="../assets/plugins/horizontal-timeline/horizontal-timeline.js"></script>
<script src="../assets/plugins/jquery.sparkline.min.js"></script>
<script src="../assets/plugins/select2/js/select2.js"></script>
<script src="../assets/plugins/select2/js/i18n/zh-CN.js"></script>
<script src="../assets/plugins/ztree/jquery.ztree.all.js"></script>
<script src="../assets/plugins/jquery-form/jquery.form.js"></script>
<script src="../assets/plugins/jquery-validator/jquery.placeholder.min.js"></script>
<script src="../assets/plugins/jquery-validator/jquery.validate.js"></script>
<script src="../assets/plugins/jquery-validator/jquery.validate.custom.js"></script>
<script src="../assets/plugins/jquery-validator/localization/messages_zh.js"></script>
<script src="../assets/plugins/jquery-validator/additional-methods.js"></script>
<script src="../assets/plugins/bootstrap-growl/jquery.bootstrap-growl.js"></script>
<script src="../assets/plugins/bootstrap-table/bootstrap-table.js"></script>
<script src="../assets/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.js"></script>
<script src="../assets/plugins/bootstrap-table/extensions/tree-column/bootstrap-table-tree-column.js"></script>
<script src="../assets/base/scripts/app.js"></script>
<script src="../assets/base/scripts/theme.js"></script>
<script src="../assets/ditop/ditop-addition.js"></script>
<script src="../assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
<script src="../assets/plugins/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"
        type="text/javascript"></script>
<script type="text/javascript" src="../assets/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"
        charset="UTF-8"></script>
<script type="text/javascript"
        src="../assets/plugins/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"
        charset="UTF-8"></script>
<script src="../assets/plugins/jquery-validator/jquery.validate.custom.js"></script>
<script src="../assets/ditop/layout.js"></script>
<!--endregion-->
<script src="../assets/module/gcjsy/js/content.js"></script>
<script>
    !function(){
        $('.tab-box').children('.tab-item').click(function () {
            var num  = $(this).index();
            $(this).addClass('active').siblings().removeClass('active');
            console.log(num);
        })

        $('.tab_Btn').children('li').click(function () {
            var num  = $(this).index();
            $(this).addClass('active').siblings().removeClass('active');
            $('.tab_Box').children('section').eq(num).addClass('active').siblings().removeClass('active');
            console.log(num);
        })

    }()
</script>
</body>
</html>
